.keyboard_container{
    display: flex;
    flex-direction: column;
    width:100%;
    height:420px;
}
.amount_container{
    height:120px;
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 0 50px;
}
.amount_container .amount_lable{
    font-size: 26px;
    font-weight: bold;
    width:50px;
}
.amount_container .amount{
    font-size: 32px;
    font-weight: bold;
    display: flex;
    flex: 1;
    text-align: end;
}
.keyBoard_container{
    display: flex;
    flex: 1;
}
.keyBoard_center{
    width:100%;
    height:100%;
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
}
.keyBoard_center .key{
    width:23.5%;
    height:75px;
    box-sizing: border-box;
    margin: 0 2px 4px;
    background-color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
}
.keyBoard_center .key_hover,.keyBoard_center .key:active{
    width:23.5%;
    height:75px;
    box-sizing: border-box;
    margin: 0 2px 4px;
    background-color: #EEEEEE;
    display: flex;
    justify-content: center;
    align-items: center;
}
.keyBoard_center .key Text,.keyBoard_center .key_hover Text{
    font-size:24px;
}
